.fixbox {
  z-index: 999;
  position: fixed;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.692);
  background-color: white;
}

.fixbox ul li {
  width: 71px;
  height: 71px;
  padding: 10px;
  font-size: 12px;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
}

.fixbox ul li a {
  font-size: 30px;
}

header {
  height: 48px;
  background-color: #333;
  color: #e7e7e7;
  font-size: 14px;
  position: relative;
}

header .fr {
  line-height: 48px;
  float: right;
}

header .fr a {
  color: #e7e7e7;
  margin-left: 10px;
}

header .fr .minwhite {
  border: #666 1px solid;
  margin: 17px 3px 0px 6px;
  display: inline-block;
  height: 16px;
}

header .fr .fl {
  float: left;
}

header .fr .xiazai a {
  margin-right: 5px;
}

.header2 {
  position: relative;
  height: 57px;
  width: 100%;
  padding-top: 20px;
  margin-bottom: 20px;
}

.header2 .log {
  float: left;
}

.header2 .log img {
  width: 123px;
  height: 51px;
}

.header2 .fenleishangpin {
  position: absolute;
  left: 400px;
  width: 400px;
  line-height: 57px;
}

.header2 .fenleishangpin .chuangzao {
  width: 100px;
  float: left;
  line-height: 57px;
  margin-right: 32px;
}

.header2 .righ {
  float: right;
  display: flex;
  height: 42px;
  line-height: 37px;
}

.header2 .righ .right1 {
  height: 37px;
  border-bottom: 1px solid #e7e7e7;
}

.header2 .righ .right1 input {
  outline: none;
  border: none;
  height: 30px;
  width: 300px;
  padding-left: 20px;
}

.header2 .righ span {
  font-size: 20px;
}

.header2 .righ .dada {
  font-size: 25px;
  font-weight: 700;
}

.foot {
  margin-top: 60px;
  padding: 45px 0;
  border-top: 1px solid #e7e7e7;
}

.foot .container {
  height: 138px;
}

.foot .imgs {
  float: left;
}

.foot .imgs img {
  width: 123px;
  height: 45px;
}

.foot .wenan {
  float: right;
  display: flex;
  line-height: 30px;
}

.foot .wenan .beian {
  font-size: 12px;
  margin-right: 80px;
  color: #666;
}

.foot .wenan img {
  width: 100px;
  height: 36px;
}

p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.banner {
  width: 1080px;
  margin: 0 auto;
  height: 358px;
  position: relative;
  box-sizing: border-box;
}

.banner .nav {
  position: absolute;
  overflow: hidden;
  height: 358px;
  color: white;
}

.banner .nav ul {
  float: left;
  background-color: #9f8052;
}

.banner .nav ul li {
  width: 221px;
  height: 33.6px;
  line-height: 33.6px;
  padding: 0 30px;
  font-size: 14px;
}

.banner .nav ul .first {
  margin-top: 13px;
}

.banner .banner-box {
  width: 859px;
  height: 358px;
  float: right;
}

.banner .banner-box .m-banner {
  position: relative;
  height: 358px;
  overflow: hidden;
}

.banner .banner-box .m-banner .yuandian {
  position: absolute;
  left: 50%;
  top: 90%;
  z-index: 2;
  transform: translate(-50%);
}

.banner .banner-box .m-banner .yuandian span {
  display: inline-block;
  width: 20px;
  height: 5px;
  background-color: white;
  margin-right: 10px;
  transition: all 1s;
}

.banner .banner-box .m-banner .yuandian .activ {
  background-color: red;
}

.banner .banner-box .m-banner .left {
  display: inline-block;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  background-color: rgba(0, 0, 0, 0.391);
  position: absolute;
  left: 0;
  top: 60%;
  transform: translateY(-50%);
  font-size: 30px;
  color: white;
  text-align: center;
  line-height: 38px;
  z-index: 2;
}

.banner .banner-box .m-banner .right {
  display: inline-block;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  background-color: rgba(0, 0, 0, 0.391);
  position: absolute;
  right: 0;
  top: 60%;
  transform: translateY(-50%);
  font-size: 30px;
  color: white;
  text-align: center;
  line-height: 38px;
  z-index: 2;
}

.banner .banner-box .m-banner .swiper {
  position: relative;
  height: 100%;
  display: flex;
}

.banner .banner-box .m-banner .swiper img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0;
  transition: all 1s;
}

.banner .banner-box .m-banner .swiper .active {
  opacity: 1;
}

.wrap {
  height: 188.87px;
}

.wrap .container {
  padding-top: 30px;
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: space-around;
}

.wrap .container .li {
  text-align: center;
}

.wrap .container .li img {
  width: 116px;
  height: 116px;
}

.zhongchou {
  margin-top: 60px;
  height: 307px;
}

.zhongchou .top {
  position: relative;
}

.zhongchou .top a {
  position: absolute;
  right: 0;
  top: 6px;
  color: #919191;
}

.zhongchou .top h2 {
  margin-bottom: 20px;
  font-size: 28px;
}

.zhongchou .top h2 span {
  font-size: 12px;
  color: #797878;
}

.zhongchou .body .d1 {
  width: 537px;
  float: left;
}

.zhongchou .body .d1 .box1 {
  width: 537px;
  height: 210px;
  position: relative;
  background-color: #f9f3e9;
}

.zhongchou .body .d1 .box1 .div {
  position: absolute;
  left: 20px;
  top: 15px;
}

.zhongchou .body .d1 .box1 .div .p0 {
  font-size: 20px;
  margin-bottom: 5px;
}

.zhongchou .body .d1 .box1 .div .p1 {
  font-size: 16px;
  color: #ccc;
  margin-bottom: 15px;
}

.zhongchou .body .d1 .box1 .div .p2 {
  font-size: 15px;
  color: red;
}

.zhongchou .body .d1 .box1 .div .p2 span {
  font-size: 20px;
}

.zhongchou .body .d1 .box1 img {
  position: absolute;
  right: 0;
  top: -15px;
  width: 215px;
  height: 215px;
}

.zhongchou .body .d1 .baifen {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}

.zhongchou .body .d1 .baifen span {
  padding: 0 10px;
}

.zhongchou .body .d2 {
  width: 266px;
  float: left;
  margin-left: 5px;
}

.zhongchou .body .d2 .box2 {
  width: 266px;
  height: 210px;
  position: relative;
  background-color: #f9f3e9;
}

.zhongchou .body .d2 .box2 .div {
  position: absolute;
  left: 20px;
  top: 15px;
}

.zhongchou .body .d2 .box2 .div .p0 {
  font-size: 20px;
  margin-bottom: 5px;
}

.zhongchou .body .d2 .box2 .div .p1 {
  font-size: 16px;
  color: #ccc;
  margin-bottom: 15px;
}

.zhongchou .body .d2 .box2 .div .p2 {
  font-size: 15px;
  color: red;
}

.zhongchou .body .d2 .box2 .div .p2 span {
  font-size: 20px;
}

.zhongchou .body .d2 .box2 img {
  position: absolute;
  right: 0;
  top: 40px;
  width: 130px;
  height: 130px;
}

.zhongchou .body .d2 .baifen {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}

.zhongchou .body .d2 .baifen span {
  padding: 0 10px;
}

.zhongchou .body .d3 {
  width: 266px;
  float: left;
  margin-left: 5px;
}

.zhongchou .body .d3 .box2 {
  width: 266px;
  height: 210px;
  position: relative;
  background-color: #f9f3e9;
}

.zhongchou .body .d3 .box2 .div {
  position: absolute;
  left: 20px;
  top: 15px;
}

.zhongchou .body .d3 .box2 .div .p0 {
  font-size: 20px;
  margin-bottom: 5px;
}

.zhongchou .body .d3 .box2 .div .p1 {
  font-size: 16px;
  color: #ccc;
  margin-bottom: 15px;
}

.zhongchou .body .d3 .box2 .div .p2 {
  font-size: 15px;
  color: red;
}

.zhongchou .body .d3 .box2 .div .p2 span {
  font-size: 20px;
}

.zhongchou .body .d3 .box2 img {
  position: absolute;
  right: 0;
  top: 40px;
  width: 130px;
  height: 130px;
}

.zhongchou .body .d3 .baifen {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}

.zhongchou .body .d3 .baifen span {
  padding: 0 10px;
}

.miaosha {
  height: 451px;
  padding-top: 40px;
}

.miaosha .container .top {
  position: relative;
}

.miaosha .container .top a {
  position: absolute;
  right: 0;
  top: 6px;
  color: #919191;
}

.miaosha .container .top h2 {
  margin-bottom: 20px;
  font-size: 28px;
}

.miaosha .container .top h2 span {
  font-size: 16px;
  color: #797878;
}

.miaosha .container .top .div {
  position: absolute;
  left: 200px;
  top: 8px;
}

.miaosha .container .top .div .miao {
  display: inline-block;
  width: 23px;
  height: 23px;
  background-color: red;
  color: white;
  text-align: center;
}

.miaosha .container .bigbox {
  overflow: hidden;
  position: relative;
  height: 354px;
}

.miaosha .container .bigbox .smallbox {
  transform: translateX();
  transition: all 0.3s;
  display: flex;
}

.miaosha .container .bigbox .smallbox .min {
  text-align: center;
  margin-right: 5px;
}

.miaosha .container .bigbox .smallbox .min div {
  width: 266px;
  height: 266px;
}

.miaosha .container .bigbox .smallbox .min div img {
  width: 100%;
  height: 100%;
}

.miaosha .container .bigbox .smallbox .min .tu {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 88px;
  background-color: rgba(230, 229, 229, 0.866);
}

.miaosha .container .bigbox .smallbox .min .tu .p1 {
  font-size: 20px;
}

.miaosha .container .bigbox .smallbox .min .tu .s1 {
  text-decoration: line-through;
}

.miaosha .container .bigbox .smallbox .min .tu .s2 {
  font-size: 20px;
  color: red;
  font-weight: 700;
}

.miaosha .container .left {
  display: inline-block;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  background-color: rgba(0, 0, 0, 0.391);
  position: absolute;
  left: 0;
  top: 60%;
  transform: translateY(-50%);
  font-size: 30px;
  color: white;
  text-align: center;
  line-height: 38px;
  z-index: 99;
}

.miaosha .container .right {
  display: inline-block;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  background-color: rgba(0, 0, 0, 0.391);
  position: absolute;
  right: 0;
  top: 60%;
  transform: translateY(-50%);
  font-size: 30px;
  color: white;
  text-align: center;
  line-height: 38px;
  z-index: 99;
}

.foottop {
  margin-top: 30px;
}

.foottop .container .top {
  margin-bottom: 20px;
}

.foottop .container .top h2 {
  font-size: 28px;
}

.foottop .container .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.foottop .container .list .box {
  width: 266px;
  height: 350px;
  border: 1px solid #e7e7e7;
  margin-bottom: 10px;
}

.foottop .container .list .box .img {
  height: 230px;
  text-align: center;
}

.foottop .container .list .box .img .imgbox img {
  width: 195px;
  height: 195px;
}

.foottop .container .list .box .img .imgbox p {
  font-size: 16px;
}

.foottop .container .list .box .write {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  background-color: #f8f8f8;
  height: 120px;
}

.foottop .container .list .box .write .imgs img {
  width: 60px;
  height: 20px;
}

.foottop .container .list .box .write p {
  font-size: 18px;
}

.foottop .container .list .box .write p span {
  font-size: 14px;
}

.foottop .container .list .box .write p .s1 {
  font-size: 20px;
  color: red;
}

.foot {
  margin-top: 60px;
  padding: 45px 0;
  border-top: 1px solid #e7e7e7;
}

.foot .container {
  height: 138px;
}

.foot .imgs {
  float: left;
}

.foot .imgs img {
  width: 123px;
  height: 45px;
}

.foot .wenan {
  float: right;
  display: flex;
  line-height: 30px;
}

.foot .wenan .beian {
  font-size: 12px;
  margin-right: 80px;
  color: #666;
}

.foot .wenan img {
  width: 100px;
  height: 36px;
}
